<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="./css/crbt.css">
	<link rel="stylesheet" href="./css/base.css">
	<link rel="icon" href="./img/favicon.ico">
	<title>彩铃</title>
</head>
<body>
	<div id="logincover">
		<div class="login-inter">
			<img src="./img/关闭.png" id="clo">
			<a href="login.html">去注册</a>
			<div class="row">
				<div class="cur" id="col">短信登录</div>
				<div id="col">密码登陆</div>
				<div id="col">SIM登录</div>
			</div>
			<div id="hint">
				<img src="./img/err.png" >
				<img src="img/ok.png" >
				<span>手机号格式不正确</span>
				<span>手机号可用</span>
			</div>
			<div id="phon">
			<input placeholder="手机号">
			<div class="row">
				<div class="col-7">
					<input placeholder="请输入验证码"/>
				</div>
				<div class="col-5">
					<p>获取验证码</p>
				</div>
			</div>
			<p>登录</p>
			</div>
			<div id="pwd">
				<input placeholder="手机号/邮箱/用户名">
				<input placeholder="密码">
				<div id="sign">
						<div class="col">
							<input type="checkbox"/>
							<span>自动登录</span>
						</div>
						<div class="col">
							<span>忘记密码</span>
							<span>|</span>
							<a href="login.html">注册</a>
						</div>
				</div>
				<div id="tisi">
				<img src="./img/err.png" >
				<img src="img/ok.png" >
				<span>密码长度在5~12位</span>
				<span>密码长度符合</span>
				</div>
				<p>登录</p>
				<span>手机号或密码不正确</span>
			</div>
			<div id="SIM">
				<input placeholder="手机号">
				<p>登录</p>
				<span>温馨提示：</span>
				<span>1.“SIM登录” 是由中国移动提供的PC端安全登录服务</span>
				<span>2.输入手机号点击 “登录”，即可在手机上查看登录请求，并使用手机进行登录授权</span>
			</div>
			<div class="text">
				登录即同意<span>《咪咕用户服务协议》</span>
				和<span>《咪咕隐私权政策》</span>
			</div>
		</div>
	</div>
	<div class="thead">
		<!-- f1 -->
		<div class="f1">
			<div class="container">
				<div class="row">
					<div class="col-1">
						<img src="img/210928004729927_188x50_4237.png" >
					</div>
					<div class="col-7">
						<ul>
							<li><a href="#">音乐</a></li>
							<li><a href="#">现场</a></li>
							<li><a href="vip.html">
							<img src="./img/皇冠.png" >
							会员中心
							</a></li>
							<li><a href="fanxiang.html">凡响计划</a></li>
							<li><a href="#">客户端下载</a></li>
						</ul>
					</div>
					<div class="col-4">
						<input placeholder="搜索歌曲、歌手、MV">
						<div>
						<img src="./img/no-login.png" >
						<div class="log_popup">
							<p><span>一</span>登录后可专享<span>一</span></p>
							<div class="row">
								<div class="col-4">
									<img src="./img/乐谱编辑.png">
									<p>试听记录同步</p>
								</div>
								<div class="col-4">
									<img src="./img/彩铃.png">
									<p>订购酷炫铃音</p>
								</div>
								<div class="col-4">
									<img src="./img/无损音质.png">
									<p>下载无损音乐</p>
								</div>
							</div>
							<div class="row">
								<div class="col-6">
									<span class="lgin">登陆</span>
									</div>
								<div class="col-6">
									<span><a href="login.html">注册</a></span>
									</div>
							</div>
						</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- f2 -->
		<div class="f2">
			<div class="container">
				<ul class="cur">
					<li><a href="homepage.html">首页</a></li>
					<li><a href="playlist.html">歌单</a></li>
					<li><a href="special-issue.html">专辑</a></li>
					<li><a href="hot.html">榜单</a></li>
					<li><a href="singer.html">歌手</a></li>
					<li><a href="#">彩铃</a></li>
					<li><a href="hardware.html">咪咕周边</a></li>
				</ul>
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">演唱会</a></li>
					<li><a href="#">独家放送</a></li>
					<li><a href="#">MV</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="tbody">
		<img src="./img/slideshow1.jpg" id="caro1">
		<img src="./img/slideshow2.jpg" id="caro2">
		<!-- f3 -->
		<div class="f3">
			<div class="container">
		<ul>
			<li>
				<p id="cut1"></p>
			</li>
			<li>
				<p id="cut2"></p>
			</li>
		</ul>
				<div class="cont-box">
					<div class="row">
						<div class="col-4">
							<p>音 频 彩 铃</p>
							<div class="img-box">
								<img src="img/banner1.png" >
							</div>
							<div class="btn">
							<p>彩 铃 动  /  趣 等 待</p>
							<p>开通彩铃功能</p>
							<p>开通彩铃包月</p>
							</div>
						</div>
						<div class="col-4">
							<p>视频彩铃</p>
							<div class="img-box">
								<video src="./video/migu.mp4" controls="controls" autoplay="autoplay" loop="loop"></video>
							</div>
							<div class="btn">
							<p>让 通 话 前 的 等 待 更 有 趣</p>
							<p>开通彩铃功能</p>
							</div>
						</div>
						<div class="col-4">
							<p>彩铃DIY</p>
							<div class="img-box">
								<img src="img/banner3.png" >
							</div>
							<div class="btn">
							<p>定 制 专 属 个 性 彩 铃  /  特 立 独 行</p>
							<p>开通彩铃DIY</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="container-fluid">
		<!-- f4 -->
		<img id="left" src="./img/left2.png" >
		<img id="right" src="./img/向右2.png" >
		<div class="f4">
			<div class="container">
				<p>音频彩铃</p>
				<div class="row">
					<div class="col-3">
						<div class="cont-box">
						<p>限时免费</p>
						<div class="box">
							<div class="img-box">
								<img src="img/AS5703872629f649d6a89fa507993eabe8.jpg" >
							</div>
							<div class="tit-box">
							<p>多年以前</p>
							<p>吴奇</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/AS2a538b16d3e948038f4b44ef6767ca3d.jpg" >
							</div>
							<div class="tit-box">
							<p>红色高跟鞋</p>
							<p>陈明月</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASeffdd75c3fe9449ab404edc0c06eb0fc.jpg" >
							</div>
							<div class="tit-box">
							<p>无限可能 (中国移动咪咕5G推广曲)</p>
							<p> 袁娅维TIA RAY</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/AS68bee95250e7402db42d711ea3da28df.jpg" >
							</div>
							<div class="tit-box">
							<p>像我一样</p>
							<p>台风少年团</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/AS6b5f1d1c4a19425d800ec58064fb31de.jpg" >
							</div>
							<div class="tit-box">
							<p>你的味道</p>
							<p>ZJ沙楠杰</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						</div>
					</div>
					<div class="col-3">
						<div class="cont-box">
						<p>新鲜彩铃</p>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASd69924f53449f16db22ccf53e42978b7.jpg" >
							</div>
							<div class="tit-box">
							<p>Fight as One</p>
							<p>陈奕迅 / 蔡依林</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASe2197cba149a7f797e395f4c1711a3b5.jpg" >
							</div>
							<div class="tit-box">
							<p>Kid</p>
							<p>吴栩维Noshvia</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASc0aa5fb61baf548bde9c886f78824f08.jpg" >
							</div>
							<div class="tit-box">
							<p>爆米花</p>
							<p>时代少年团</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/AS90c1e4b6efb96108e84d1dd39d8d04bf.jpg" >
							</div>
							<div class="tit-box">
							<p>使命(电视剧《一诺无悔》片头曲)</p>
							<p>于毅</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/AS4c1685fa9f5629360cc5cf35eaf316ab.jpg" >
							</div>
							<div class="tit-box">
							<p>放肆爱(网剧《忘记你，记得爱情》主题曲)</p>
							<p> 陈翔</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASfa15d45f0e278da6eb49aa4d1ec1e3c5.jpg" >
							</div>
							<div class="tit-box">
							<p>Underdog (Acoustic Version)</p>
							<p>Alicia Keys</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						</div>
					</div>
					<div class="col-3">
						<div class="cont-box">
						<p>热铃榜</p>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASd69924f53449f16db22ccf53e42978b7.jpg" >
							</div>
							<div class="tit-box">
							<p>Fight as One</p>
							<p>陈奕迅 / 蔡依林</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/AS84ceeccb7c6b65cc1ead08b47df11608.jpg" >
							</div>
							<div class="tit-box">
							<p>纸船（电视剧《天醒之路》片尾曲）</p>
							<p>薛之谦 / 郁可唯</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASc0aa5fb61baf548bde9c886f78824f08.jpg" >
							</div>
							<div class="tit-box">
							<p>爆米花</p>
							<p>时代少年团</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/AS22c3eeda3e544b622d00ff17c412641b.jpg" >
							</div>
							<div class="tit-box">
							<p>野孩子</p>
							<p>于梓贝</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						</div>
					</div>
					<div class="col-3">
						<!-- 改到此 -->
						<div class="cont-box">
						<p>英语榜</p>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASfdd14bcdf362dc7eb0c15f4aee80be34.jpg" >
							</div>
							<div class="tit-box">
							<p>Messiah : part 2 "All we like sheep have gone astray"</p>
							<p>Raymond Leppard</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASa8350025509e3a3e3ca81b96169205d0.jpg" >
							</div>
							<div class="tit-box">
							<p>Debussy: La Fille Aux Cheveux De Lin (preludes;2010 Digital</p>
							<p> Danish National Symphony Orchestra / Nikolaj Koppel / Thomas Dausgaard</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/AS79459e4c8a0a7957058aa20daf4fbb52.jpg" >
							</div>
							<div class="tit-box">
							<p>Nurse Maximum</p>
							<p>The Wildhearts</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="img/AS6d891554b2aaae59445967f05538ff7c.jpg" >
							</div>
							<div class="tit-box">
							<p>Magic O' The Mime</p>
							<p>Larry The Cable Guy</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASe8edb0208be4ff7d4a3b5b892b439d88.jpg" >
							</div>
							<div class="tit-box">
							<p>你的味道</p>
							<p>ZJ沙楠杰</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						</div>
					</div>
					<div class="col-3">
						<div class="cont-box">
						<p>新鲜彩铃</p>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASd69924f53449f16db22ccf53e42978b7.jpg" >
							</div>
							<div class="tit-box">
							<p>Fight as One</p>
							<p>陈奕迅 / 蔡依林</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASe2197cba149a7f797e395f4c1711a3b5.jpg" >
							</div>
							<div class="tit-box">
							<p>Kid</p>
							<p>吴栩维Noshvia</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASc0aa5fb61baf548bde9c886f78824f08.jpg" >
							</div>
							<div class="tit-box">
							<p>爆米花</p>
							<p>时代少年团</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/AS90c1e4b6efb96108e84d1dd39d8d04bf.jpg" >
							</div>
							<div class="tit-box">
							<p>使命(电视剧《一诺无悔》片头曲)</p>
							<p>于毅</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/AS4c1685fa9f5629360cc5cf35eaf316ab.jpg" >
							</div>
							<div class="tit-box">
							<p>放肆爱(网剧《忘记你，记得爱情》主题曲)</p>
							<p> 陈翔</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASfa15d45f0e278da6eb49aa4d1ec1e3c5.jpg" >
							</div>
							<div class="tit-box">
							<p>Underdog (Acoustic Version)</p>
							<p>Alicia Keys</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						</div>
					</div>
					<div class="col-3">
						<div class="cont-box">
						<p>热铃榜</p>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASd69924f53449f16db22ccf53e42978b7.jpg" >
							</div>
							<div class="tit-box">
							<p>Fight as One</p>
							<p>陈奕迅 / 蔡依林</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/AS84ceeccb7c6b65cc1ead08b47df11608.jpg" >
							</div>
							<div class="tit-box">
							<p>纸船（电视剧《天醒之路》片尾曲）</p>
							<p>薛之谦 / 郁可唯</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASc0aa5fb61baf548bde9c886f78824f08.jpg" >
							</div>
							<div class="tit-box">
							<p>爆米花</p>
							<p>时代少年团</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/AS22c3eeda3e544b622d00ff17c412641b.jpg" >
							</div>
							<div class="tit-box">
							<p>野孩子</p>
							<p>于梓贝</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						</div>
					</div>
					<div class="col-3">
						<!-- 改到此 -->
						<div class="cont-box">
						<p>英语榜</p>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASfdd14bcdf362dc7eb0c15f4aee80be34.jpg" >
							</div>
							<div class="tit-box">
							<p>Messiah : part 2 "All we like sheep have gone astray"</p>
							<p>Raymond Leppard</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASa8350025509e3a3e3ca81b96169205d0.jpg" >
							</div>
							<div class="tit-box">
							<p>Debussy: La Fille Aux Cheveux De Lin (preludes;2010 Digital</p>
							<p> Danish National Symphony Orchestra / Nikolaj Koppel / Thomas Dausgaard</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/AS79459e4c8a0a7957058aa20daf4fbb52.jpg" >
							</div>
							<div class="tit-box">
							<p>Nurse Maximum</p>
							<p>The Wildhearts</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="img/AS6d891554b2aaae59445967f05538ff7c.jpg" >
							</div>
							<div class="tit-box">
							<p>Magic O' The Mime</p>
							<p>Larry The Cable Guy</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						<div class="box">
							<div class="img-box">
								<img src="./img/ASe8edb0208be4ff7d4a3b5b892b439d88.jpg" >
							</div>
							<div class="tit-box">
							<p>你的味道</p>
							<p>ZJ沙楠杰</p>
							</div>
							<img src="./img/铃铛.png" >
						</div>
						</div>
					</div>
				</div>
				<ul>
					<li class="cur"></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- f5 -->
	<div class="f5">
		<div class="container">
			<p>彩铃专题</p>
				<div class="carousel-img">
					<img class="cur" src="./img/200313120249719_750x292_4429.jpg">
					<img src="./img/191012144810291_750x292_5064.jpg">
					<img src="./img/200221134049805_750x292_4723.jpg">
				</div>
				<ul>
					<li class="cur"></li>
					<li></li>
					<li></li>
				</ul>
			</div>
	</div>
	<!-- f6 -->
	<div class="f6">
		<div class="container">
			<div class="row">
				<div class="col-9">
					<div class="row">
						<div class="col-4">
							<ul>
								<li><p>咪咕文化</p></li>
								<li><a href="#">咪咕文化官网</a></li>
								<li><a href="#">咪咕音乐简介</a></li>
								<li><a href="#">服务协议</a></li>
								<li><a href="#">隐私权政策</a></li>
							</ul>
						</div>
						<div class="col-4">
							<ul>
								<li><p>咪咕音乐家族</p></li>
								<li><a href="#">圈子彩铃</a></li>
							</ul>
						</div>
						<div class="col-4">
							<ul>
								<li><p>联系我们</p></li>
								<li><a href="#">业务合作</a></li>
								<li><a href="#">常见问题</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-3">
					<p>咪咕客户端</p>
					<div class="row">
						<div class="col-6">
							<img src="./img/20101209435723_300x300_1190.png" >
							<p>咪咕音乐</p>
						</div>
						<div class="col-6">
							<img src="./img/201012094413724_300x300_8080.png" >
							<p>咪咕视频</p>
						</div>
					</div>
				</div>
			</div>
			<img src="img/201012095135561_48x48_9661.png" >
			<div class="ending">
				<div class="ending-left">
					<span>蜀ICP备15012512号</span>
					<span>川网文[2019]2118-124</span>
					<span>网络视听许可证0112648号1</span>
					<span>增值业务许可证A2.B1.B2-2010000</span>
					<span>川公网安备 51010702002209号</span>
				</div>
				<p>Copyright © 2005 - 2022 咪咕音乐有限公司</p>
			</div>
		</div>
	</div>
	<script src="jquery-3.6.0.js"></script>
	<script>
	var i=0
	var timer=setInterval(()=>{
		i++
		if(i>1){
			i=0
		}
		if(i==0){
			caro1.style=`animation: name 2s linear;
				display: inline-block;
				`
				caro2.style=`display: none;`
				cut1.style=`padding: 3px 15px;
			border-radius: 5px;
			background-color: #E30077;`
			cut2.style=`padding: 3px 7px;
			border-radius: 5px;
			background-color: #A9A9A9;`
		}
		if(i==1){
			caro2.style=`animation: name 2s linear;
				display: inline-block;
				`
				caro1.style=`display: none;`
				cut2.style=`padding: 3px 15px;
			border-radius: 5px;
			background-color: #E30077;`
			cut1.style=`padding: 3px 7px;
			border-radius: 5px;
			background-color: #A9A9A9;`
		}
	},4000)
	cut1.onmouseover=()=>{
		caro1.style=`animation: name 2s linear;
		display: inline-block;
		`
		caro2.style=`display: none;`
		cut1.style=`padding: 3px 15px;
	border-radius: 5px;
	background-color: #E30077;`
	cut2.style=`padding: 3px 7px;
	border-radius: 5px;
	background-color: #A9A9A9;`
	}
	cut2.onmouseover=()=>{
		caro2.style=`animation: name 2s linear;
		display: inline-block;
		`
		caro1.style=`display: none;`
		cut2.style=`padding: 3px 15px;
	border-radius: 5px;
	background-color: #E30077;`
	cut1.style=`padding: 3px 7px;
	border-radius: 5px;
	background-color: #A9A9A9;`
	}
	$('.f4 ul').on('click','li',function(){
		$(this).prop('class','cur').siblings().prop('class','')
		const index=$(this).index()
		$('.f4 .col-3:first-child').stop(true).animate({marginLeft:index*-307.5+'px'})
	})
	$('.container-fluid #right').click(function(){
		const index=$('.f4 ul>li.cur').index()+1
		const last_index=$('.f4 ul>li:last-child').index()
		if(index<=last_index){
		$('.f4 ul>li.cur').prop('class','').next().prop('class','cur')
		$('.f4 .col-3:first-child').stop(true).animate({marginLeft:index*-307.5+'px'})
		}
	})
	$('.container-fluid #left').click(function(){
		const index=$('.f4 ul>li.cur').index()-1
		const last_index=$('.f4 ul>li:last-child').index()
		if(index>=0){
		$('.f4 ul>li.cur').prop('class','').prev().prop('class','cur')
		$('.f4 .col-3:first-child').stop(true).animate({marginLeft:index*-307.5+'px'})
		}
	})
	$('.f5 ul').on('click','li',function(){
		$(this).prop('class','cur').siblings().prop('class','')
		const index=$(this).index()
		$('.f5 img').eq(index).prop('class','cur').siblings().prop('class','')
	})
	$('.thead').on('mouseover','a',function(){
			if($(this).text()=='现场'){
				$('.f2 ul:last-child').prop('class','cur').siblings().prop('class','')
			}
			if($(this).text()=='音乐'){
				$('.f2 ul:first-child').prop('class','cur').siblings().prop('class','')
			}
		})
		$('.thead').mouseleave(function(){
				$('.f2 ul:first-child').prop('class','cur').siblings().prop('class','')
		})
		// 登陆
		$('.f1 .container>.row>.col-4>div').mouseover(function(){
			$('.f1 .log_popup').stop(true).show(300)
		})
		$('.f1 .container>.row>.col-4>div').mouseleave(function(){
			$('.f1 .log_popup').stop(true).hide(300)
		})
		const lgin=document.querySelector('.lgin')
		lgin.onclick=()=>{
				logincover.style=`display: flex;`
			}
			clo.onclick=()=>{
				logincover.style=`display: none;`
			}
			$('.login-inter>div>input:first-child').on('input',function(){
					if($(this).val()==''){
						$('#hint').prop('class','')
						return
					}
				if(/^1[3-9]\d{9}$/.test($(this).val())){
					$('#hint').prop('class','ok')
				}else{
					$('#hint').prop('class','err')
				}
			})
			$('.login-inter>div>input:first-child').blur(function(){
				$('#hint').prop('class','')
			})
			$('#pwd>input:nth-of-type(2)').on('input',function(){
				const l=$(this).val()
				if(l==''){
					$('#tisi').prop('class','')
					return
				}
				if(l.length>12 || l.length<5){
					$('#tisi').prop('class','err')
				}else{
					$('#tisi').prop('class','ok')
				}
			})
			$('#pwd>input:nth-of-type(2)').blur(function(){
				$('#tisi').prop('class','')
			})
			// $('#pwd>p').click(function(){
			// 	let p=$('#pwd>input:first-child').val()
			// 	let w=$('#pwd>input:nth-of-type(2)').val()
			// 	let xhr=new XMLHttpRequest()
			// 	xhr.open('get','/v1/log/lg?phone='+p+'&pwd='+w)
			// 	xhr.send()
			// 	xhr.onload=()=>{
			// 		console.log(xhr.responseText)
			// 		if(xhr.responseText=='err'){
			// 			$('#pwd>span').prop('class','err')
			// 		}
			// 	}
			// })
			$('.login-inter>.row').on('click','div',function(){
				$(this).addClass('cur').siblings().removeClass('cur')
				if($(this).text()=='短信登录'){
					phon.style.display=''
					pwd.style.display='none'
					SIM.style.display='none'
				}
				if($(this).text()=='密码登陆'){
					phon.style.display='none'
					pwd.style.display='block'
					SIM.style.display='none'
				}
				if($(this).text()=='SIM登录'){
					phon.style.display='none'
					pwd.style.display='none'
					SIM.style.display='block'
				}
			})
	</script>
</body>
</html>
